*{
  scroll-behavior: smooth;
}
.page .theme-default-content:not(.custom) {
  max-width: 1200px;
}
.page .page-edit,.page-nav{
  max-width: 1200px;
}

/**
* 滚动条
*/
//滚动条整体样式，高宽分别对应横竖滚动条的尺寸
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
//滚动条里面小方块
::-webkit-scrollbar-thumb {
  border-radius: 12px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #ddd;
}
//滚动条里面轨道
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  background: #f8f8f8;
}
//当鼠标放上去时才显示滚动条，否则隐藏滚动条
.hover-show-scroll {
  &::-webkit-scrollbar-thumb {
    box-shadow: none;
    background: transparent;
  }
  &::-webkit-scrollbar-track {
    box-shadow: none;
    background: transparent;
  }
  &:hover {
    &::-webkit-scrollbar-thumb {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #ddd;
    }
    &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #eee;
    }
  }
}
//总是隐藏滚动条
.all-hide-scroll::-webkit-scrollbar {
  display: none;
}